.diamond {
  padding: 6px 12px 4px;
  transform: skew(15deg);
  border: 1px solid #F2F2F2;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.content {
  transform: skew(-15deg);
  font-size: 16px;
  color: #999;
}

.active {
  border: none;
  background: linear-gradient(0deg, rgba(24, 144, 255, 0.7), rgba(24, 144, 255, 0.7)), #FFFFFF;
}

.active .content {
  color: #fff;
}